<%-- 
    Document   : edition
    Created on : 20 nov. 2011, 20:52:12
    Author     : Romain
--%>

<%@page import="java.text.DateFormat"%>
<%@page import="java.text.SimpleDateFormat"%>
<%@page import="java.util.GregorianCalendar"%>
<%@page import="javax.rmi.CORBA.Tie"%>
<%@page import="java.sql.Timestamp"%>
<%@page import="java.util.Date"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<jsp:useBean id="user" scope="page" class="test.User" />
<jsp:setProperty name="user" property="id" value='personnel_0001' />
<html>
<head>
<title>Editer un sujet</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<script type="text/javascript" src="js/ckeditor/ckeditor.js"></script>
<script type="text/javascript" src="js/ckeditor/adapters/jquery.js"></script>
<script type="text/javascript">
    var i=2;
    $(document).ready(function () {
        $( 'textarea.editor' ).ckeditor();
    });
    function ajout(){
        var id =
        $('form').append('<div id="EXO'+ i +'"><div id="idExo' + i + '"> Exercice '+ i +' : <input type="textbox" size="100" value="Entrer le titre de l\'exercice"/><input type="submit" value="Supprimer l\'exrecice" onclick="return supprimer(\'EXO'+ i +'\');"/></div><br><textarea class="editor" row="10" cols="80" style="width:99%; height:150px">Éditez ici votre exercice</textarea></div>');
        $( 'textarea.editor' ).ckeditor();
        i++;
    }
    function retour(){
        document.location.href="LDAP.jsp" ;
    }

    function supprimer(id) {
        $('#' + id).slideUp('medium', function() {
            $('#' + id).remove();
            i--;
        });

        return false;
    }
    
    function save(){
        var titreTD = $('#titreTD').attr("value");
        var date = $('#date').attr("value");
        var nom = $('#nom').attr("value");
        var prenom = $('#prenom').attr("value");
        var titreExo = $('#idExo1').attr("value");
        var contenu = "document.forms.form_TD.contenu.value";

    $.post('creationSujet', {
        metier : "creationTD",
        titreTD: titreTD,
        date:date,
        nom:nom,
        prenom:prenom,
        titreExo:titreExo,
        contenu:contenu
    }, function(xml) {
        var xmlDoc = $(xml);
        alert(xmlDoc.find('ue').text());
//        var str_xml = new XMLSerializer().serializeToString(xmlDoc);
//        $.post('creationSujet', {
//        metier : "creationinstTD",xml: str_xml});
    });

    }
    
    
</script>
</head>
<body>
<h1>Editer un TD </h1>

    Titre du TD: <input id="titreTD" type="text" size="100" name ="titre"
                        value ="Veuillez entrer le titre de votre TD"/> <br> <br>
    
    <div id ="nomComplet">
         Nom complet : <jsp:getProperty name="user" property="nomComplet" />      
    </div> <br>
    
    <input type="hidden" id="nom" name="nom" value="${user.nom}">
    <input type="hidden" id="prenom" name="prenom" value="${user.prenom}">

        
    Date : <input id="date" name ="date"type="text" value="<% Date ToDay = new Date();
                  DateFormat format = new SimpleDateFormat("dd/MM/yyyy");
                  out.println(format.format(ToDay));%>"/> <br>
        
    <br>

    <div id="EXO1">
<!--    <div id="idExo1">-->
        Exercice 1 : <input id="idExo1 "type="textbox" value="Entrer le titre de l'exercice" size="100"/><input type="submit" value="Supprimer l'exrecice" onclick="return supprimer('EXO1')"/>
<!--    </div>-->

    <br>

    <textarea name ="contenu" class="editor" row="10" cols="80" style="width:99%; height:150px">
    Editez ici votre exercice
    </textarea>
    </div>
    
    <input type="submit" value="Enregistrer" onclick="save();"/>

    <input type="submit" value="Ajouter un exercice" onClick="ajout();"/>
    <input type="submit" value="Composer"/>
    
    <input type="submit" value="Retour Menu" onClick="retour();"/>

</body>
</html>